<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>图片元素的使用</title>
	</head>
	<body>
		<!-- 图片元素和属性与属性值
		 png  jpg  gif
		 属性与属性值:出现元素前标记位置[多个用空格分开]
		 作用:修饰元素效果
		 [必须]资源属性 src="路径+图片全称"
		 
		 路径:通过路径找到文件,表示:  /  \
		 /  表示  上传至服务器  [推荐]
		 \  表示  下载到本地
		 ../   返回上一级
		 
		 相对路径  ①相对于  执行网页文件  ①同一目录下  直接按照目录名+图片全称  √
		          ②相对于  执行网页文件  ②包含文件夹  返回上一步
		 绝对路径  根据盘符查找文件
		        C:\Users\lenovo\Desktop\Day01
		 
		 alt标题属性 属性值:文本自定
		 用于解释图片,特点:网络问题,图片全称写错,提示
		 title标题属性,属性值:文本自定
		 用于解释图片,特点:鼠标移动上去提示
		 -->
		 <img src="img\1.png" alt="海绵宝宝" width="200px" height="200px" />
		 <img src="img\2.jpg" title="风景照" width="200px" height="200px"/>
		 <img src="img\3.gif" alt="钱来" width="200px" height="200px"    />
		 
		 <!-- 图片,音频,视频[文件类]使用机制类似  视频video
		         元素的属性与属性值:如果属性与属性值一致,删属性值
		        autoplay属性  自动播放
				controls  控制条
				LOOP属性   无限次播放
				音频 audio
		  -->
		 <video src="img/oceans-clip.mp4" autoplay controls loop></video>
		 <audio src="img/dafengche.mp3" autoplay loop></audio>
	</body>
</html>